.input_big_box {
  position: relative;
  --themeColor: #4272FF;
  @black: #fff;

  .title_box {
    background: transparent;
    z-index: 2;
    display: flex;
    align-items: center;
    line-height: 1.2;
    font-size: 0.28rem;
    color: #fff;
    .title-right{
      margin-left: auto;
    }
  }

  .inp_content_box {
    margin-top: 0.2rem;
    background: #1B202D;
    //backdrop-filter: blur(0.4rem);
    height: 0.96rem;
    padding: 0 0.32rem;
    color: @black;
    border-radius: 0.16rem;
    display: flex;
    align-items: center;
    //border: 0.02rem solid #252930;

    &:focus-within {
      //border: 0.02rem solid var(--themeColor);
    }

    .input {
      flex: 1;

      input {
        height: 0.48rem;
        background: none;
        border: 0;
        width: 100%;
        color: @black;
        &::placeholder {
          color: rgba(255, 255, 255, 0.40);
          font-size: 0.28rem;
        }
      }
    }

    .inp_right {
      margin-left: 0.2rem;
    }
  }
}
.user {
  .inp_content_box {
    background: transparent;
    position: relative;
    z-index: 10;
    border-color: transparent;

    &:before {
      content: '';
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      border-radius: 0.16rem;
      background: rgba(255, 255, 255, 0.2);
      backdrop-filter: blur(10px);
      z-index: -1;
    }
    .input {
      input {
        &::placeholder {
          color: rgba(255, 255, 255, 0.4);
        }
      }
    }
  }
}
.wallet{
  .inp_content_box{
    background: #15181f;
    border-color: transparent;
    input {
      &::placeholder {
        color: #4C5361 !important;
      }
    }
  }
}